﻿<phone:PhoneApplicationPage
    x:Class="TestMatrix.Phone.TestCaseReportPivot"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <!--Pivot Control-->
        <phone:Pivot Title="MSCIS Test Metrics">

            <phone:PivotItem Margin="12,28,12,46">
                <Grid x:Name="gridTestCaseCreated" Background="Transparent" ShowGridLines="True">
                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                  Theme="Theme1" Background="Black" LightingEnabled="False" BorderThickness="0" x:Name="TestCaseCreatedSplineChart">

                        <vc:Chart.Titles>
                            <vc:Title Text="Most recent 7 day created Test Case" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea ShadowEnabled="false"></vc:PlotArea>
                        </vc:Chart.PlotArea>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>

            <phone:PivotItem Margin="12,30,12,0" >
                <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"  
                  Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" Padding="6" IndicatorEnabled="True" x:Name="LineTestCaseExec">

                    <vc:Chart.Titles>
                        <vc:Title Text="Most recent 7 day Execution"/>
                    </vc:Chart.Titles>

                    <vc:Chart.AxesX>
                        <vc:Axis Padding="4"/>
                    </vc:Chart.AxesX>

                    <vc:Chart.Legends>
                        <vc:Legend Background="Black" LightingEnabled="False"/>
                    </vc:Chart.Legends>
                </vc:Chart>
            </phone:PivotItem>

            <!--
            <phone:PivotItem >
                <Grid x:Name="gridMost7TestCaseExecTrend" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                      Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" x:Name="Most7TestCaseExecTrend">

                        <vc:Chart.Titles>
                            <vc:Title Text="Most recent 7 day Execution" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="Executed Date" LineThickness="0" />
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" Padding="4" LineThickness="0" Margin="0,-98,0,0">
                                <vc:Axis.Grids>
                                    <vc:ChartGrid LineStyle="Dotted"  LineColor="Black"/>
                                </vc:Axis.Grids>
                                <vc:Axis.AxisLabels>
                                    <vc:AxisLabels Rows="2"/>
                                </vc:Axis.AxisLabels>
                            </vc:Axis>
                        </vc:Chart.AxesY>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea BorderThickness="1"/>
                        </vc:Chart.PlotArea>

                        <vc:Chart.Legends>
                            <vc:Legend Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>
            -->
            
            <!--
            <phone:PivotItem >
                <Grid x:Name="gridMonthlyTestCaseTrend" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                      Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" x:Name="MonthlyTestCaseTrend">

                        <vc:Chart.Titles>
                            <vc:Title Text="Monthly TestCase Trend" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="Created Date" LineThickness="0" />
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" Padding="4" LineThickness="0" Margin="0,-98,0,0">
                                <vc:Axis.Grids>
                                    <vc:ChartGrid LineStyle="Dotted"  LineColor="Black"/>
                                </vc:Axis.Grids>
                                <vc:Axis.AxisLabels>
                                    <vc:AxisLabels Rows="2"/>
                                </vc:Axis.AxisLabels>
                            </vc:Axis>
                        </vc:Chart.AxesY>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea BorderThickness="1"/>
                        </vc:Chart.PlotArea>

                        <vc:Chart.Legends>
                            <vc:Legend Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>
            -->
            
            <!--Pivot item two-->
            <phone:PivotItem Margin="12,30,12,0" >
                <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"  
                  Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" Padding="6" IndicatorEnabled="True" x:Name="LineMonthlyTestCaseTrend">

                    <vc:Chart.Titles>
                        <vc:Title Text="Monthly TestCase Trend"/>
                    </vc:Chart.Titles>

                    <vc:Chart.AxesX>
                        <vc:Axis Padding="4"/>
                    </vc:Chart.AxesX>

                    <vc:Chart.Legends>
                        <vc:Legend Background="Black" LightingEnabled="False"/>
                    </vc:Chart.Legends>
                </vc:Chart>
            </phone:PivotItem>
        </phone:Pivot>
    </Grid>
    
</phone:PhoneApplicationPage>